<template>
  <div>
    <!-- vue事件处理函数中获取事件对象
    1.事件函数不传参数，在事件处理函数中直接接受形参 
    2.事件函数传参，要使用$event显示的传入到实参中，在事件处理函数的形参对应的位置接受
    -->
    <a href="http://www.baidu.com" @click="fn">百度</a>
    <a href="http://www.jd.com" @click="fun('哈哈哈', $event)">京东一下</a>
    <!-- <a href="http://www.baidu.com" @click.prevent>百都</a> -->
  </div>
</template>

<script>
export default {
  //方法放在methods函数中
  methods: {
    fn(e) {
      //阻止默认事件e是事件对象
      e.preventDefault();
    },
    fun(str, e) {
      e.preventDefault();
      console.log(e);
      console.log(str);
    },
  },
};
</script>

<style></style>
